<!--/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ~ Copyright (c) 2025 Cshoo Org. All Rights Reserved.
  ~
  ~ author:杨翼
  ~ date: 2025年8月30日
  ~ description:surround photo wall组件html片段,负责组件UI展示
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/-->

<div class="container" data-sly-use.surroundPhotoWall="surround-photo-wall.js">
    <sly data-sly-list.item="${surroundPhotoWall.images}">
        <img src="${item.valueMap.path}" alt="${item.valueMap.name}"/>
    </sly>
</div>

<sly data-sly-use.clientlib="/libs/granite/sightly/templates/clientlib.html">
    <sly data-sly-call="${clientlib.all @ categories='album.surround-photo-wall'}"></sly>
</sly>